/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
HH   - Generic Table Style
HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/
.tabular-data {
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 12px;
		
	border-collapse: collapse;
	margin: 2px auto;
	
	width: 744px;
}

	/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
	zz  - Table header
	zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
	.tabular-data thead th {
		font-weight: normal;
		font-size: 13px;
		color: #039;
		
		min-height: 37px;
		border-bottom: 1px solid #fff;
		border-top: 2px solid #d3ddff;
		
		padding: 8px 2px;
		background: #b9c9fe;
	}
	
	/* .top and .sub are used in multi-level header
	*/
	.tabular-data thead th.top {
		border-bottom-width: 0;
	}
	
	.tabular-data thead .sub th {
		border-top-width: 0;
		background-position: bottom center;		
	}

	/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
	zz  - Table body
	zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
	.tabular-data tbody td {
		color: #669;
		
		border-bottom: 1px solid #fff;
		border-top: 1px solid #fff;
		
		height: 28px;
		padding: 4px;
		background: #e8edff;
	}

	.tabular-data tbody tr:hover td {
		color: #339;
		background: #d0dafd;
	}
	
	/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
	zz  - Table footer
	zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
	.tabular-data tfoot tr td{
		font-size: 12px;
		color: #99c;
		
		padding: 5px;
		background: #b9c9fe;
	}
	
	.tabular-data tfoot .note {
		font-size: 11px;
		color: #039;
	}
	
	/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
	zz  - Adding image to table ( used for admin )
	zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
	table.image thead th {
		background: url(../images/admin/th.bg.doubleheight.png) repeat-x;
	}
	
	table.image tbody td {
		background: url(../images/admin/td.bg.png) repeat-x;
	}

	/*zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz
	zz  - Column action
	zzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz*/
	.tabular-data form {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	.tabular-data .button {
		text-indent: -9999px;
		margin: 0 2px;
		height: 25px;
		width: 24px;
		border: 0px solid #36F;
	}
	.tabular-data .button:hover {
		
	}
	
	.tabular-data .delete {
		background: url(../images/admin/delete-grayer.png) no-repeat center bottom; 
	}
	
	.tabular-data .delete:hover {
		background: url(../images/admin/delete.png) no-repeat center top;
	}
	
	.tabular-data .edit {
		background: url(../images/admin/edit-grayed.png) no-repeat center bottom;
	}
	
	.tabular-data .edit:hover {
		background: url(../images/admin/edit.png) no-repeat center top;
	}

/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
HH   - Navigation list (used in multiple-page tabular-data)
HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/
#navlist {

}
	#navlist ul {
		list-style: none;
		line-height: 20px;
		
		padding: 0;
		margin: 0;
	}
	
		#navlist ul li {
			font-size: 12px;
			float: left;
			display: inline;
		}			
			#navlist li a,
			#navlist li a:visited {
				color: #039;
				display: block;
				text-decoration: none;
				
				padding: 3px 9px;
				margin-left: 5px;
				
				background-color: #fff;
				border: 1px solid #ccc;
			}
			
			#navlist li a:hover,
			#navlist li .current {
				background-color: #d0dafd; 
			}
			
/*HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH
HH   - Tabular Data Column Width Settings
HHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHHH*/
#code { width: 15%; text-align: center; }
.code { text-align: center; }
#name { width: 25%; }

#birthday,
#edu-sys,
#branch,
#term {
	width: auto;
}

#course,
#task {	 width: 10%; }

#score { width: 10%; }